.logoimg{
	position: relative;
	float: left;
	width: 180px;
	height: 60px;
	margin-top: 10px;
	margin-right: 20px;
}
.header-box{
	overflow: hidden;
}
.header-box ul{
	float: left;
}
.header-box ul li{
	position: relative;
	float: left;
	line-height: 80px;
}
.header-box ul li a{
	padding: 0 20px;
	font-size: 16px;
	display: inline-block;
}
.header-box ul li:hover{
	background: transparent;
}
.header-box ul li:hover a{
    transition: all .3s ease-out;
    color: #0099ff;
}
.header-box ul li:hover a:after,.header-box ul li.header-nav-active a:after{
	content: '';
	display: block;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    box-sizing: border-box;
    border-width: 0 25px;
    border-style: solid;
    border-color: #fff;
    height: 2px;
    background-color:#1E9FFF;
    transition: all .3s ease-out;
}
.header-box ul li.header-nav-active:hover{

}
.header-userbox{
	position: relative;
	float: right;
	padding: 30px 0;
}
.header-userbox p{
	line-height: 20px;
	color:#666;
}

.header-userbox p a{
	transition: .3s;
}
.header-userbox p a:hover{
	color:#1E9FFF;
}
.header-userbox p a i{
	vertical-align: middle;
	margin-right: 3px;
}

.index-bannerbox{
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.index-bannerbox .layui-carousel a{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.index-fourad{
	background: white;
	overflow: hidden;
	padding: 20px 0;
}
.index-fourad .layui-col-md3 a img{
	width: 100%;
	height: 120px;
	border-radius: 3px;
}


.index-items-recommend{

	min-width: 1200px;
	height: 325px;
}
.index-items-box{
	padding: 10px 0;
}
.index-items-box h2{
	line-height: 50px;
	color: #333;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}
.index-items-box h2:before{
	content: '';
    display: inline-block;
    vertical-align: -4px;
    background-color:#1E9FFF;
    width: 4px;
    height: 22px;
    border-radius: 2px;
    margin-right: 15px;
}
.index-items-box h2 span{
	display: inline-block;
	color: #999;
	font-weight: normal;
	font-size: 14px;
	margin-left:15px;
}

.index-items-row{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.index-items-left{
	position: relative;
	float: left;
	width: 225px;
	height: 250px;

}
.index-items-left a img{
	width: 100%;
	height: 100%;
	border-radius: 3px;
}
.index-items-list{
	float: left;
	margin-left:18px;
}
.index-items-list ul li{
	position: relative;
	float: left;
	margin-right: 14px;
	width: 225px;
	transition: box-shadow 200ms ease-in,transform 200ms ease-in;
	box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: white;
}
/*.index-items-list ul li:nth-last-child(1){
	margin-right: 0;
}*/
.index-items-list ul li a img{
	display: block;
	margin-top: 5px;
	height: 180px;
	width: 180px;
}
.recommend-menu-words{
	position: relative;
    box-sizing: border-box;
    margin-top: -8px;
    padding: 5px;

}
.recommend-menu-words h6{
	color: #1b1f33;
	font-size: 15px;
	line-height:35px;
}
.recommend-menu-words p{
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.activity-time{
	display: inline-block;
	width: 100%;
	line-height:25px;
	color: #555;
}

.index-items-list ul li:hover{
	box-shadow: 0 2px 20px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.index-items-left .contactbox{
	width: 225px;
	height: 250px;
	padding:10px 0;
	box-sizing: border-box;
	border-radius: 3px;
	background: url(~assets/images/contact.png) no-repeat;
	background-size: 100% 100%;

}
.index-contact-qq{
	position: relative;
	width: 100%;
	text-align: left;
}
.index-contact-qq h2{
	margin-bottom: 40px;
	box-sizing: border-box;
	line-height: 30px;
	width: 100%;
}
.index-contact-qq h2 i{
	font-size:18px;
	margin-right:5px;
}
.contactbox p{
	padding-left: 20px;
	box-sizing:border-box;
	text-align: left;
	color: white;
	line-height: 30px;
}
.contactbox p a{
	color: white;
}
.contactbox p a i,.contactbox p i{
	margin-right: 2px;
}
.index-contact-qq h2{
	color: white;
	font-size: 18px;
}
.news-items{
	position: relative;
	width: 468.75px;
	overflow: hidden;
	background: white;
	height: 250px;
	border-radius: 3px;
	margin-right: 18.75px;
	float: left;
	padding: 10px 15px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.news-items h6{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	font-weight:600;
	border-bottom: 1px dashed #eee;
}
.news-items h6 i{
	margin-right: 5px;
	font-size: 20px;
}
.news-items h6 a{
	float: right;
	color: #666;
	display: inline-block;
	font-size: 14px;
	color: #333;
	transition: .2s;
}
.news-items h6 a:hover{
	color:#1E9FFF;
}
.index-items-words{
	float: left;
	margin-left: 18.75px;
}
.index-items-words .news-items:nth-last-child(1){
	margin-right: 0;
}
.news-items ul{
	margin-top: 10px;
}
.news-items ul li{
	position: relative;
	line-height:30px;
}
.news-items ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-right: 130px;
	color: #666;
	box-sizing: border-box;
	font-size: 13px;
}
.news-items ul li a span{
	position: absolute;
	right:0px;
	top: 0;
	line-height: 30px;
}


.footer-box{
	overflow: hidden;
}
.footer-box p{
	text-align: center;
	color: #333;
	line-height: 30px;
}


.index-friend-link{
	margin-top: 20px !important;
	background: white;
	overflow: hidden;
	padding:10px 15px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #ddd;
}
.index-friend-link h6{
	font-size: 16px;
	color: #333;
	padding-left: 3px;
	box-sizing: border-box;
	line-height: 40px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #dcdcdc;
}
.index-friend-link h6 i{
	margin-right: 5px;
	color: #1E9FFF;
	font-weight: bold;
}
.friendlinkbox{
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 14px;
}
.friendlinkbox ul{
	margin-top: 10px;
}
.friendlinkbox ul li{
	width: 125px;
	height:70px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
.friendlinkbox ul li a img{
	width: 100%;
	height:40px;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}
.friendlinkbox ul li a p{
	line-height: 30px;
	display: block;
	text-align: center;
	color: #666;
}
.friendlinkbox ul li:nth-child(8n){
	margin-right: 0;
}



.usercenter-nav{
	position: relative;
	width: 210px;
	background: white;
	padding: 20px 0;
	box-sizing: border-box;
	float: left;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.usercenter-box{
	position: relative;
	width: 980px;
	float: left;
	margin-left: 10px;
}
.userimgbox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	padding:10px;
	box-sizing: border-box;
	border-bottom: 1px solid #eeeeee;
}
.userimgbox a.updateimg{
	width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    -webkit-box-shadow: 2px 2px 5px #333;
    box-shadow: 0 0 8px rgba(0,0,0,.18);
}
.userimgbox a.updateimg .layui-btn{
	position: absolute;
	background: rgba(0,0,0,.6);
	top: 0;
	z-index: 20;
	color: white;
	width: 100%;
	height: 100px;
	border-radius: 50%;
	line-height: 100px;
	opacity: 0;
	transition: .3;
	font-weight: 400;
}
.userimgbox a img{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
}
.userimgbox a.updateimg:hover .layui-btn{
	background: rgba(0,0,0,.4);
	opacity: 1;
}
.userimgbox p{
	font-size: 14px;
	color: #333;

	line-height: 30px;
}
.userimgbox p a{
	transition: .3s;
	color: #999;
}
.userimgbox p a i{
	color: #1E9FFF;
}
.userimgbox p a:hover{
	color: #1E9FFF;
}

.usercenter-nav-items{
	position: relative;
	padding: 10px 0 0;
	padding-left:20px;
}
.usercenter-nav-items h3{
	font-size: 15px;
	line-height: 30px;
	color: #666;
}
.usercenter-nav-items h3 i{
	display: inline-block;
	font-size: 20px;
	color: #999;
	margin-right: 5px;
	vertical-align: bottom;
}
.usercenter-nav-items ul{
	padding: 5px 0;
}
.usercenter-nav-items ul li a{
	padding-left:25px;
	display: block;
	width: 100%;
	font-size: 12px;
	height: 32px;
	line-height:32px;
}
.usercenter-nav-items ul li a:after{
	content: '>';
	position: absolute;
	right:20px;
	line-height: 25px;
}

.usercenter-nav-items ul li a:hover,.usercenter-nav-items ul li.usercenter-nav-active a{
	color: #1E9FFF;
}


.usercenter-index-items{
	position: relative;
    overflow: hidden;
	margin-bottom: 10px;
}

.usercenter-leftbox{
	position: relative;
	float: left;
	width: 680px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background: white;
	border-radius: 3px;
}
.usercenter-rightbox{
	position: relative;
	float: left;
	margin-left: 10px;
	width: 290px;
	border-radius: 3px;
	background: white;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.tradebox{
	position: relative;
	box-sizing: border-box;
}

.tradebox-left{
	position: relative;
	width:200px;
	height: 106px;
	padding: 0 10px;
	box-sizing: border-box;
	float: left;
	border-right: 1px solid #F3F3F3;
}
.tradebox-left h6{
	font-size: 14px;
	color: #333;
	margin-top:5px;
	line-height:30px;
}

.tradebox-left h6:before{
	content: '';
    display: inline-block;
    vertical-align: -3px;
    background-color: #1E9FFF;
    width:3px;
    height: 16px;
    border-radius: 2px;
    margin-right: 15px;
}
.tradebox-con{
	position: relative;
	margin-top:10px;
}
.tradebox-con ul{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}
.tradebox-con ul li{
	float: left;
	width: 50%;
	text-align: center;
}
.tradebox-con ul li a i{
	display: block;
	font-size: 26px;
	color: #999;
	transition: .3s;
}
.tradebox-con ul li a span{
	font-size: 12px;
	display: block;
	color: #999999;
	transition: .3s;
}
.tradebox-con ul li a i span{
	position: absolute;
	display: inline-block;
	color: white;
	background: #1E9FFF;
}
.tradebox-con ul li a:hover i,.tradebox-con ul li a:hover span{
	color:#1E9FFF;
}
.tradebox-con ul li a:hover i span{
	color: white;
}
.tradebox-right{
	width: 478px;
}
.tradebox-right ul li{
	width: 25%;
}

.usercenter-rightbox .tradebox-left{
	width: 100%;
	border-right: 0;
}

.usercenter-rightbox .tradebox-left ul li{
	width: 50%;
}
.usercenter-rightbox .tradebox-left ul li i{
	font-size: 28px;
}


.user-index-ad{
	position: relative;
	position: relative;
    padding:0 10px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
.user-index-ad div{
	position:absolute;
	top:5px;
	left:85px;
	height: 30px;
	overflow: hidden;
	width: 550px;
}
.user-index-ad ul{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.user-index-ad ul li{
	line-height: 30px;
	height: 30px;
}
.user-index-ad ul li a{
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333;
}

.topartner{
	height: 40px;
}
.topartner .layui-btn{
	height: 40px;
    line-height: 40px;
}
.topartner .layui-btn i{
	font-size:24px;
	margin-right: 5px;
	vertical-align: middle;
}

.usercenter-myaccount{
	position: relative;
	padding:0 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.usercenter-myaccount .layui-col-md4{
	border-right: 1px solid #F3F3F3;
	box-sizing: border-box;
	padding: 20px 10px;
}
.usercenter-myaccount .layui-col-md4:nth-last-child(1){
	border-right: 0;
}
.usercenter-myaccount .layui-col-md4 p{
	transition: .3s;
}
.usercenter-myaccount .layui-col-md4 i{
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle;
}

.usercenter-myaccount .layui-col-md4 a{
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 18px;
	transition: .3s;
}
.usercenter-myaccount .layui-col-md4:hover a,.usercenter-myaccount .layui-col-md4:hover p{
	color: #1E9FFF;
}

.usercenter-index-safe{
	position: relative;
	height: 142px;
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

.usercenter-index-safe h6:before {
    content: '';
    display: inline-block;
    vertical-align: -3px;
    background-color: #1E9FFF;
    width: 3px;
    height: 16px;
    border-radius: 2px;
    margin-right: 15px;
}

.safebar{
	position: relative;
    overflow: hidden;
	padding:15px 0 0;
	box-sizing: border-box;
}
.safebar-l,.safebar-c,.safebar-r{
	position: relative;
	float: left;
}
.safebar-l{
	width: 40px;
	font-size: 12px;
	line-height: 16px;
}
.safebar-l span{
	display:block;
	line-height: 18px;
}
.safebar-c{
	width: 150px;
	height: 16px;
}
.safebar-c p{
	width: 100%;
	height: 16px;
	overflow: hidden;
	background: #D3D3D3;
}
.safebar-c p span{
	position: absolute;
	left: 0;
	top:0px;
	height: 16px;
	background: #1E9FFF;
	max-width: 100%;
}
.safebar-r{
	width:60px;
}
.safebar-r a{
	display: block;
	color: #333;
	text-align: right;
	transition: .3s;
	font-size: 12px;
}
.safebar-r a:hover{
	color: #1E9FFF;
}

.safebox{
	position: relative;
	overflow: hidden;
	padding: 15px 0 0;
}
.safebox div p{
	font-size: 12px;
	color: #999;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.safebox div p a{
	display: inline-block;
	margin-left:15px;
	font-size: 12px;
}


/*用户资料修改*/
.usercenter-info{
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: white;
	border-radius: 3px;
}
.usercenter-info .layui-form{
	margin-top: 20px;
}
.usercenter-info .layui-input-block{
	width: 400px;
	margin-left: 90px;
}
.usercenter-info .layui-form-label{
	width: 60px;
}

.addagentbox.common-form-set .layui-form-label{
	width: 80px;
}
.addagentbox.common-form-set .layui-input-block{
	width: 400px;
	margin-left: 110px;
}
.consumeinfobox{
	padding-top: 10px;
}
.consumeinfobox .layui-form-mid{
	max-width: 450px;
}


.topartnerbox .layui-input-block{
	width:600px;
}

.topartnerbox table tr th,.topartnerbox table tr td{
	text-align: center;
}
.topartnerbox table tr td .layui-form-radio{
	margin: 0;
	padding: 0;
}
.topartnerbox table tr td .layui-form-radio i{
	margin:0;
}



.usercenter-totalbox{
	position: relative;
	width: 100%;
	background: white;
	padding: 10px;
	border: 1px solid #ddd;
	height: 433px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 3px;
}
.usertotalbox-left{
	width: 300px;
	position: relative;
	float: left;
	height: 100%;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
	overflow: hidden;
	border-radius:  3px;
}
.usertotalbox-items{
	position: relative;
	float: left;
	width: 100px;
	height: 111px;
	border: 1px solid #dcdcdc;
	margin-left: -1px;
	margin-top: -1px;
	box-sizing: border-box;
}
.usertotalbox-items a{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}
.usertotalbox-items a i,.usertotalbox-items a span{
	display: block;
	text-align: center;
}
.usertotalbox-items a i{
	font-size: 30px;
	color: #1E9FFF;
}
.usertotalbox-items a span{
	line-height: 30px;
}
.usertotalbox-right{
	position: relative;
	width: 655px;
	float: right;
}


.goodslist-container{
	margin-top: 10px !important;
	border-radius: 3px;
}
.goodslist-menu{
	position: relative;
	width: 100%;
	clear: both;
	padding:10px 20px 20px;
	background: white;
	box-sizing: border-box;
	border:1px solid #dcdcdc;
}
.goodslist-menu::after,.goodsmenu-items::after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}

.goodslist-header{
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
}
.goodslist-header p{
	font-size: 14px;
	line-height:40px;
	color: #666;
}
.goodsmenu-items{
	clear: both;
}
.gooslist-body-left{
	position: relative;
	width: 100px;
	float: left;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	text-align: right;
}
.gooslist-body-right{
	position: relative;
	width: 1058px;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	min-height: 50px;
	border: 1px solid #dcdcdc;
	/* border-bottom: 1px solid #dcdcdc; */
}

.gooslist-body-right a{
	position: relative;
	display: block;
	width: 160px;
	height: 60px;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}
.gooslist-body-right a img{
	width:100%;
	height:100%;
	border:2px solid transparent;
}
.gooslist-body-right a.menu-active img{
	border:2px solid #1E9FFF;
}
.gooslist-body-right a.menu-active::after{
	position: absolute;
	content: '✔';
	top: 2px;
	left: 2px;
	display: block;
	width: 20px;
	height: 20px;
	background: #1E9FFF;
	color: white;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: white;
}
.gooslist-body-right a:nth-child(6n){
	margin-right: 10px;
}
.gooslist-body-right .layui-form-item{
	margin-bottom: 0;
}


.goodslist-box{
	position: relative;
	background: white;
	margin-top:10px;
	padding: 10px 20px;
	box-sizing: border-box;
	border:1px solid #ddd;
	min-height: 550px;
}

.goodsbox-header{
	position: relative;
	width: 100%;
	background:#f5f5f5;
	padding:5px 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.goodsbox-header ul{
	position: relative;
	float: left;
	overflow: hidden;
	display:block;
	border:1px solid #ddd;
	border-right: 0;
	width: max-content;
}
.goodsbox-header ul li{
	display: block;
	line-height: 20px;
	float: left;
	border-right: 1px solid #ddd;
	background: white;
}
.goodsbox-header ul li a{
	display: block;
	color: #333;
	line-height:20px;
	padding:5px 15px;
}
.goodsbox-header ul li.choose-menu-active,.goodsbox-header ul li:hover{
	background: #1E9FFF;
	border-right: 1px solid #1E9FFF;
}
.goodsbox-header ul li.choose-menu-active a,.goodsbox-header ul li:hover a{
	color: white;
}
.goodsbox-header img{
	float: left;
	margin-left: 2px;
}

.goodsbox-container{
	position: relative;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom:10px;
}
.goodsbox-items{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding:10px 0;
	border-bottom: 1px dashed #dcdcdc;
}
.goodsbox-items:nth-child(1){
	border-top: 1px dashed #dcdcdc;
}
.goodsbox-left{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
}
.goodsbox-left a img{
	width: 100%;
	height: 100%;
	/* border-radius:2px; */
	border-radius: 5%;
}

.goodsbox-goodsinfo{
	position: relative;
	width:630px;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
.goodsbox-goodsinfo h6 a{
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: #111;
	line-height: 25px;
}
.goodsbox-goodsinfo p{
	line-height: 25px;
    font-size: 12px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
}
/*.goodsbox-goodsinfo p:nth-child(2){
	font-weight: 600;
} */
.goodsbox-goodsinfo p:nth-child(3) span{
	color: #ff0000;
	margin: 0 2px;
}

.goodsbox-price{
	position: relative;
	width: 130px;
	float: left;
	height: 100px;
	padding:30px 0;
	box-sizing: border-box;
}
.goodsbox-price p{
	line-height:25px;
	font-size: 12px;
}
.goodsbox-price p span{
	color: #ff0000;
	margin-right: 2px;
}
.goodsbox-collect{
	position: relative;
	width: 70px;
	float: left;
	text-align: center;
}
.goodsbox-collect i{
	line-height: 100px;
	font-size:22px;
	cursor: pointer;
}
.collect-active{
	color: #ff0000;
}

.goodsbox-btn{
	position: relative;
	width:120px;
	float: right;
	text-align: center;
	padding: 35px 0;
}

.goodsinfo-container{
	background: white;
	overflow: hidden;
	padding:10px 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 10px !important;
	border:1px solid #dcdcdc;
	border-radius: 3px;
}



.goodsinfo-goodsimg img{
	width: 100%;
	height: 100%;
	border-radius: 2%;
}

.common-navigation{
	position: relative;
}
.common-navigation h6{
	line-height: 40px;
	font-size: 14px;
	color: #666;
}

.goodsinfo-introduce{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.goodsinfo-goodsimg{
	position: relative;
	width: 400px;
	height: 400px;
	float: left;
}

.goodsinfo-nature{
	position: absolute;
	width: 330px;
	top: 50px;
	right: 100px;
}

.goodsinfo-nature img{
	width: 80px;
	height: 80px;
}




.goodsinfo-goodswords{
	position: relative;
	width: 700px;
	float: right;
}

.goodsinfo-goodswords h6{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 5px;

}
.goodsinfo-goodswords p{
	line-height:35px;
	font-size: 14px;
}
.goodsinfo-goodswords p span{
	color: #ff0000;
	margin: 0 3px;
}

.goodsinfo-goodswords p .must-read{
	color: #666;
}

.goodsinfo-goodswords p i{
	font-size: 20px;
	vertical-align: sub;
	cursor:pointer;
	margin-left: 10px;
}
.goodsinfo-goodswords .layui-btn{
	margin-top: 70px;
	height: 40px;
    line-height: 40px;
    width: 136px;
    margin-right: 10px;

	font-size:16px;
}

.goodsinfo-comment{
	background: white;
	overflow: hidden;
	padding: 20px 20px 30px;
	box-sizing: border-box;
	border:1px solid #dcdcdc;
	margin-top: 10px !important;
	border-radius: 3px;
	min-height: 350px;
}

.goodsinfo-hasimg{
	position: absolute;
	top:50px;
	right:150px;
	width: 250px;
	display: none;
}
.goodsinfo-hasimg img{
	width: 110px;
	height: 110px;
	cursor: pointer;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
	opacity: .4;
	transform: rotate(30deg);
}
.goodsinfo-hasimg img:nth-child(2n){
	margin-right: 0;
}
.goodsinfo-hasimg img:nth-child(2){
	transform: rotate(-30deg);
}
.goodsinfo-hasimg img:nth-child(3){
	transform: rotate(-30deg);
}
.goodsinfo-hasimg img:nth-child(4){
	transform: rotate(30deg);
}


.editorderinfo{
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.editorderinfo-left{
	width: 400px;
	position: relative;
	float: left;
	min-height: 500px;
}
.editorderinfo-left .layui-form-item{
	margin-bottom: 5px;
}


.goodsinfo-editinfo{
	background: white;
	margin-top: 10px !important;
	padding: 20px;
	box-sizing: border-box;
	border:1px solid #dcdcdc;
	border-radius: 3px;
}

.editorderinfo-right{
	position: relative;
	float: right;
	width: 600px;
	box-sizing: border-box;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #f57a7a;
}

.editorderinfo-right-header{
	height: 40px;
	background: #f57a7a;
	color: white;
	padding:0 20px;
	box-sizing: border-box;
}
.editorderinfo-right-header h6{
	line-height: 40px;
	color: white;
}
.editorderinfo-right-body{
	padding:10px 20px;
	box-sizing: border-box;
}
.editorderinfo-right-body ul li{
	line-height: 20px;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}


.about-container{
	position: relative;
	background: white;
	width: 100%;
	/*margin-top: 10px;*/
	box-sizing: border-box;
	padding-bottom: 20px;
	border: 1px solid #ddd;
}
.about-container-header{
	width: 100%;
	height:200px;
	background:url('~assets/images/about.png') no-repeat center;
}
.about-container-header h6{
	font-size:22px;
	text-align: center;
	line-height: 200px;
	color: white;
	letter-spacing: 5px;
	cursor: pointer;
}

.about-box{
	position: relative;
	padding: 20px 0;
	box-sizing: border-box;
	min-height: 520px;
}

.acout-contactitem{
	position: relative;
	height:400px;
	background:#FFF;
	border-radius: 3px;
}
.acout-contactitem-jgz{
	background: none;
}
.acout-contactitem-jgz img{
	width: 100%;
	height: 100%;
}
.acout-contactitem h6{
	line-height:150px;
	color: #666;
	text-align: center;
	font-size: 16px;
	letter-spacing: 3px;
}
.acout-contactitem ul li{
	margin-top: 5px;
	text-align: center;
}
.acout-contactitem ul li a {
	color: #999;
	text-align: center;
	line-height: 35px;
}











/*axin 2019/1/11 新增css*/
.common-noticebox{
	position: relative;
	width: 100%;
	top:10px;
}
.notice-left{
	position: relative;
	float: left;
	width: 180px;
	min-height: 720px;
	background: white;
	border-radius:2px;
	padding: 30px 20px;
	box-sizing: border-box;
}
.notice-right{
	position: relative;
	float: right;
	width: 1000px;
	min-height: 720px;
	background: white;
	border-radius:2px;
	padding: 20px 30px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.notice-left h2{
	color: #000;
	font-size: 18px;
	line-height: 50px;
	font-weight: 600;
}
.notice-left ul li{
	list-style: none;
	text-align: left;
}
.notice-left ul li a{
	display: block;
	color: #666;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-family: "Microsoft YaHei";
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.notice-lists{
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dcdcdc;
}
.notice-lists h2{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-right: 200px;
}
.notice-lists h2 a{
	font-size: 14px;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.notice-lists h2 span{
	position: absolute;
	right: 0;
	height: 50px;
	line-height: 50px;
	top: 0;
	font-size: 14px;
	color: #999;
}

.noticeinfo{
	position: relative;
	box-sizing: border-box;
}
.noticeinfo .notice-title{
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	display: block;
}
.notice-time{
	position: relative;
	text-align: center;
	color: #888;
	font-size: 14px;
	line-height:20px;
	display: block;
}

.notice-content{
	position: relative;
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}

/*重写样式类*/

.badge-auth{
	font-size: 12px;
	background: #409EFF;
	color: white !important;
	padding:4px 5px;
	border-radius: 2px;
}
.badge-auth-b{
	background: #67C23A;
}
.badge-auth-p{
	background: #ff6670;
}


/*2019/1/15登录注册*/
.userlogin-wrap{
	display: block;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
}
.userform-box h2{
	text-align: center;
}
.findpwd-form-item{
	position: relative;
	padding-right: 130px;
}
.btn-getcode{
	position: absolute;
	height: 31px;
	line-height: 32px;
	right: 0;
	top: 0;
	margin: 0 !important;
	text-align: center;
	width: 120px;
}
.addnewsbox{
	position: relative;
	width: 500px;
	margin-top: 30px;
}
.layui-elem-quote{
	border-color: #1E9FFF;
}
.layui-elem-quote span{
	color: #ff0000;
	margin: 0 2px;
	font-weight: bold;
}
.vipdressbox{
	padding-top: 20px;
}
.vipdressbox .layui-input-inline{
	width: 400px;
}
.vipdressbox .layui-form-label{
	width: 120px;
}
.vipdressbox .layui-input-block{
	margin-left: 150px;
}
.vippublishad-item{
	margin-top: 20px;
	border-bottom: 1px solid #dcdcdc;
}
.vippublishad-item:nth-child(1){
	margin-top: 0;
}
.addkefu .layui-input-inline{
	width: 200px;
}





@keyframes barJump{
0%{-webkit-transform:translate(0);transform:translate(0);}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8);}
30%{-webkit-transform:translateY(-10px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-10px) scaleX(1) scaleY(1) rotateZ(5deg);}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0);}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1);}
}
.asid_share{position:fixed;width: 70px;padding:10px 0 0;top: 127px;right:0;background:#fff;z-index:2;border-radius: 3px;margin-right: 10px;border: 1px solid #ddd;}
.asid_share .asid_share_box{ position:relative; width:100%;margin-top:8px;text-align:center}
.asid_share .asid_share_box a{display:block;padding:6px 0; color: #999;}
.asid_share .asid_share_box a:hover{text-decoration: underline;}
.asid_share .asid_share_box a img{ display: block; margin:0 auto 4px;}
.asid_share .go-top{background: #008BFD;border-radius: 0px 0px 3px 3px;}
.asid_share .go-top a{ color: #fff;}
.asid_share a:hover img { animation: barJump ease 1.2s 1;-webkit-animation: barJump ease 1.5s 1;}



/*ba*/
.newcate-body{
    position: relative;
    width: 100%;
    background: #f2f3f5;
    padding: 10px 0;
    margin-bottom: -10px;
}
.common-newcate{
    position:relative;
    width: 1200px;
    margin: 0 auto 15px;
    background: white;
    padding: 12px 10px;
    box-sizing: border-box;
}
.newcate-hot{
    padding-left: 45px;
    min-height: 45px;
}
.newcate-hot img{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 14px;
}

.newcate-hot ul li::after{
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 15px;
    top: 5px;
    background: #dcdcdc;
}
.newcate-hot ul li:nth-last-child(1)::after{
    content: none;
}
.newcate-hot ul li a:hover{
    color: inherit;
    text-decoration: underline;
}
.common-newcate-item{
    position: relative;
    padding: 0 20px;
}
.newcate-item-header{
    position: relative;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    padding:15px 15px 15px 30px;
    box-sizing: border-box;
}
.common-newcate-item .newcate-item-header img{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 14px;
}


.newcate-item-body a:hover{
    text-decoration: underline;
}




.new-recommend-tjml{
    height: 70px;
}

.newcate-hot ul li::after{
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 15px;
    top: 5px;
    background: #dcdcdc;
}
.newcate-hot ul li:nth-last-child(1)::after{
    content: none;
}

.newcate-hot ul li a:hover{
    color: inherit;
    text-decoration: underline;
}


.new-recommend-news{
    padding-top: 15px;
    box-sizing: border-box;
    padding-right: 30px;
}




.new-tjml-ulitem ul li{
    position: relative;
    width: 50%;
    float: left;
    height: 30px;
    padding: 0 15px;
    box-sizing: border-box;
}




.newindex-mian{
    position: relative;
    width: 100%;
    top: 1px;
    background: #f2f3f5 url(~assets/images/goodsmenu.jpg) repeat-x center 0;
}
.newindex-header{
    position: relative;
    width: 1200px;
    height: 480px;
    box-sizing: border-box;
    margin: 0 auto;

}
.newindex-cats{
    position: relative;
    float: left;
    width: 240px;
    height: 460px;
    background: white;
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 1px 1px #ddd;
}
/*.newindex-cats ul li{position: relative;}*/
.newcats-box{position: absolute;left:240px;top: 0;background: white;height: 461px;width: 700px;z-index: 10;border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    box-sizing: border-box;}

.newindex-cats ul li>a{
	position: relative;
    background: white;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size:12px;
    letter-spacing: 1px;
    color: #333;
    padding-right: 30px;
}

.newindex-cats ul li a.overwords::after{
	position: absolute;
	right: 15px;
	top: 15px;
	content: '';
	width: 7px;
    height: 7px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);}

.newindex-cats ul li:nth-last-child(1) a{
    border-bottom: 0;
}

.newindex-cats ul li a.overwords2::after{
	position: absolute;
	right: 15px;
	top: 15px;
	content: '';
	width: 7px;
    height: 7px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);}

.newindex-cats ul li:nth-last-child(1) a{
    border-bottom: 0;
}

.overwords2{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newindex-swiper{
    position: relative;
    width: 700px;
    height: 460px;
    float: left;
    margin-top: 10px;
}
.newindex-swiper  .layui-carousel{padding: 0 8px;box-sizing: border-box;margin-bottom: 10px;}
.newindex-swiper .layui-carousel,.newindex-swiper .layui-carousel>[carousel-item]>*{background: transparent;}
.newindex-swiper .layui-carousel div a,.newindex-swiper .layui-carousel div a img{
    display: block;width: 100%;height: 100%;
}
.newindex-user{
    position: relative;
    width: 260px;
    height: 460px;
    margin-top: 10px;
    float: left;
    background: white;
    box-shadow: 0 0 1px 1px #ddd;
    border-radius: 3px;
}
.newindex-userimg{
    position: relative;width: 100%;
    height: 150px;
}
.newindex-userimg img{
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 20px auto 0;
    border-radius: 50%;
    border: 4px solid #fff;
    -webkit-box-shadow: 2px 2px 5px #333;
    box-shadow: 0 0 8px rgba(0,0,0,.18);
}
.newindex-userimg div{
    position: relative;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.newindex-userimg div a{
    margin: 0 10px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 30px;
}
.newindex-userimg div a:nth-child(1){
    background: #0099ff;
    border:1px solid #0099ff;
    color: white;
    border-radius: 3px;
    height: 32px;
}
.newindex-userimg div a:nth-child(2){

    border-radius: 3px;
}
.newindex-news{
    position: relative;
    width: 100%;
    margin-top: 90px;
}
.newindex-news-title{
    position: relative;
    width:100px;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;

}
.newindex-news ul{
    padding: 15px 15px 0;
    box-sizing: border-box;
}
.newindex-news ul li{
    list-style-type: disc;
}
.newindex-news ul li a{
    box-sizing: border-box;
    line-height:25px;
    display: block;
    font-size: 12px;


}
.new-recommend-item{
    position: relative;
    width: 1200px;
    height: 80px;
    /*border: 10px solid rgba(255,255,255,0.3); */
    box-sizing: border-box;
    margin: 15px auto 0 ;
}
.new-recommend-item .new-recommend-img{
    position: absolute;
    width: 158px;
    z-index: 2;
    font-size: 14px;
    color: white;
    text-indent: 46px;
    letter-spacing: 1px;

}
.new-recommend-tjml{
    height: 70px;
}
.new-recommend-tjml  .new-recommend-img{
    height: 65px;
    line-height: 65px;
    top: -7px;
    background: url("~assets/images/new-tjml.png") no-repeat;
}
.new-recommend-words{
    position: relative;
    width: 100%;
    background: white;
    padding-left: 160px;

}
.newcate-hot{
    padding-top: 12px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.newcate-hot ul li{
    position: relative;
    float: left;
}
.newcate-hot ul li::after{
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 15px;
    top: 5px;
    background: #dcdcdc;
}
.newcate-hot ul li:nth-last-child(1)::after{
    content: none;
}
.newcate-hot ul li a{
    font-size: 12px;
    display: block;
    line-height: 25px;
    padding: 0 20px;
    transition: 0.2s;
}
.newcate-hot ul li a:hover{
    color: inherit;
    text-decoration: underline;
}

.twoads{position: relative;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.twoads a{display: inline-block;width: 48%;position: relative;}
.twoads a:nth-child(1){margin-right: 2%;}
.twoads a img{position: absolute;left: 0;top: 0; display: inline-block;width:100%;height: 120px;transition: 0.5s;border-radius: 4px;}
.twoads a:hover img{top: -5px;}


.new-recommend-news{
    padding-top: 14px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.rebtn-buy{position: absolute;right: 35px;top: 15px;width: 80px;}
.new-tjml-goods{
    position: relative;
    width: 1200px;
    padding: 15px 10px;
    background: white;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.new-tjml-spans{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.new-tjml-spans .new-tjml-spans1{
    display: inline-block;

    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #999;
    line-height: 35px;
    box-sizing: border-box;
    background: url(~assets/images/icon_gds_tit02.png) no-repeat left center;
    padding-top: 5px;
    padding-left: 2.5rem;
}
.new-tjml-spans .new-tjml-spans1.tjml-span-active{
    color: #0099ff;
    border-color: #0099ff;
    background-image: url(~assets/images/icon_gds_tit021.png) ;
    border-radius: 5px;
    font-weight: bold;
}

.new-tjml-spans .new-tjml-spans0{
    display: inline-block;

    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #999;
    line-height: 35px;
    box-sizing: border-box;
    background: url(~assets/images/icon_gds_tit01.png) no-repeat left center;
    padding-top: 5px;
    padding-left: 2.5rem;
}
.new-tjml-spans .new-tjml-spans0.tjml-span-active{
    color: #0099ff;
    border-color: #0099ff;
    background-image: url(~assets/images/icon_gds_tit011.png) ;
    border-radius: 5px;
    font-weight: bold;
}




.new-tjml-ulitem{
    position: relative;
    width: 100%;
}
.new-tjml-uls{
    position: relative;
    width: 100%;
    padding-top: 20px;
}
.new-tjml-ulitem ul li{
    position: relative;
    width: 50%;
    float: left;
    height: 35px;
    padding: 0 15px;
    box-sizing: border-box;
}
.new-tjml-ulitem ul li a{
    display: block;
    position: relative;
    width: 100%;
    padding-right: 100px;
    line-height: 30px;
    font-size: 12px;
    box-sizing: border-box;
}

.new-tjml-ulitem ul li a:before {
    content: "";
    display: inline-block;
    margin-right: 6px;
    border: 4px solid transparent;
    border-left-color: #47a7e9;
}
.new-tjml-ulitem ul li a span{
    position: absolute;
    font-size: 12px;
    border: 1px solid #0099ff;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    padding: 0 10px;
    top:3px;
    right: 0;
    border-radius: 2px;
}
.newindex-user-status{margin: 10px 0;text-align: center;font-size: 14px;color: #333;}

a.overwords2:hover {
    color: #ff6700;
}

span.buy {
    color: #0099ff;
}

span.buy:hover {
    background: #0089ed;
    color: #fff;
}

.icon {
	display: block;
    position: absolute;
    left: 0px;
    top: 16px;
}

.header-search{
	position: relative;
    float: left;
    padding: 25px 0;
    left: 130px;
    z-index: 1;
}




/*madestyle3*/
.kys-madestyle-headerbox{position:relative;width:100%;height:90px;background:white;  border-bottom: 2px solid #2495e3;}
.kys-madestyle-header{position:relative;width:1160px;height:100%;background:white;margin:0 auto;}
.kys-madestyle-body{position:relative;width:1200px;margin:0 auto;}
.kys-madestyle-logo{position:relative;width:180px;height:60px;margin-left:0;margin-top:15px;float:left;}
.kys-madestyle-header ul{width:500px;display:flex;flex-direction: row;justify-content: center;align-items: center;height:90px;}
.kys-madestyle-header ul li{position:relative;line-height:60px;margin:0 20px; letter-spacing: 2px;}
.kys-madestyle-header ul li a{color:#7f7f7f;}
.kys-madestyle-header ul li a.kys-madestyle-header-active{color:#2495e3;}
.kys-madestyle-header ul li a.kys-madestyle-header-active::after{position:absolute;content:'';bottom:10px; width:50px;left:50%;margin-left:-27px; height:2px;background: #2495e3;}
.kys-madestyle-search{position:absolute;right:0;top:25px;}
.kys-madestyle-search .layui-input-inline{float:left;}
.kys-madestyle-search .layui-select-title input{border-radius:2px 0 0 2px;border-right:none;}
.kys-madestyle-body{position:relative;width:1160px;padding:20px 0;margin:0 auto;}
.kys-madestyle-swiper{width:100%;position:relative;}
.kys-madestyle-swiper-left{position:relative;width:825px;height:315px;float:left;}
.kys-madestyle-swiper-left a,.kys-madestyle-swiper-left img{display:block;width:100%;height:100%;}
.kys-madestyle-swiper-right{position:relative;width:300px;height:315px;float:right;right:0;top:0;background:#f9f9f9;transition:0.5s;padding:20px;box-sizing:border-box;}
.kys-madestyle-swiper-right:hover{background:#f1f1f1;}
.kys-madestyle-swiper-right input{height:40px;line-height:40px;margin-bottom:15px;padding-left:44px;box-sizing:border-box;}
.kys-loginname{background: #fff0 url(~assets/images/icon_user01.png) no-repeat 10px center;}
.kys-loginpwd{background: #fff0 url(~assets/images/icon_user02.png) no-repeat 10px center;}
.kys-loginbtns .layui-btn{width:45%;height:35px;line-height:35px;}
.kys-loginbtns .layui-btn+.layui-btn{margin-left:8%;}
.kys-loginbtns .layui-btn:nth-last-child(1):hover{border-color:#0099ff;}
.kys-loginbtns-forget{margin-top:15px;}
.kys-loginbtns-forget a{display:inline-block;line-height:25px;color:#aaa;font-size:12px;}
.kys-loginbtns-logins{border-top:1px solid #e7e7e7;padding-top:20px;margin-top:20px;}
.kys-loginbtns-logins a{display:inline-block;width:37px;height:36px;transition: all .8s linear;}
.kys-loginbtns-logins a.qqlogin{background: url(~assets/images/lg_onekey.png) left center no-repeat;}
.kys-loginbtns-logins a.wxlogin{background: url(~assets/images/lg_onekey.png) left center no-repeat;margin-left:15px;background-position: -54px center;}
.kys-loginbtns-logins a:hover{transform:rotate(360deg);}
.kys-madestyle-news{margin-top:20px;}
.kys-madestyle-news-left{width:825px;height:380px;border:1px solid #e7e7e7;box-sizing:border-box;padding:0 20px;float:left;}
.kys-madestyle-hover{transition:0.5s;}
.kys-madestyle-hover:hover{background:#f7f7f7;}
.kys-madestyle-news-left-header{position:relative;line-height:80px;font-size:18px;color:#2495e3;font-weight:bold;padding-left:20px;border-bottom:1px solid #e7e7e7;}
.kys-madestyle-news-left-header::before{position:absolute;content:'';left:0;top:30px;width:3px;height:20px;background:#2495e3;}
.kys-madestyle-news-left-header a {color:#a2a2a2;font-size:14px;float:right;font-weight:normal;}
.kys-madestyle-news-left-body{padding-top:15px;}
.kys-madestyle-news-left-body ul li{position:relative;width:100%;padding-right:120px;box-sizing:border-box;margin-bottom:12px;transition:0.5s;}
.kys-madestyle-news-left-body ul li:hover{padding-left:15px;}
.kys-madestyle-news-left-body ul li:nth-last-child(1){margin-bottom:0;}
.kys-madestyle-news-left-body ul li a{padding-left: 24px;display: inline-block;background: url(~assets/images/right_arrow.png) no-repeat left center;transition: all .3s linear;font-size:14px;line-height:20px;width:100%;white-space: nowrap;overflow:hidden;    text-overflow: ellipsis;box-sizing:border-box;}
.kys-madestyle-news-left-body ul li i{position:absolute;right:0;font-style:normal;color:#979797;font-size:12px;line-height:20px;top:0;}
.kys-madestyle-news-right{position:relative;float:right;right:0;top:0;width:300px;height:380px;border:1px solid #e7e7e7;box-sizing:border-box;}
.kys-madestyle-news-right-header{position:relative;padding:0 20px;box-sizing:border-box;}
.kys-madestyle-news-right-header h2{line-height:80px;font-size:18px;text-align:center;color:#2495e3;font-weight:bold;border-bottom:1px solid #e7e7e7;}
.kys-madestyle-news-right-body{position:relative;padding:20px 20px 0;box-sizing:border-box;border-bottom:1px solid #e7e7e7;}
.kys-contact-item{margin-bottom:15px;}
.kys-contact-item p{font-size:12px;color:#838383;position:relative;line-height:25px;}
.kys-contact-item p a{position:absolute;right:0;top:0;width:77px;height:22px; background:url(~assets/images/qq.png) no-repeat;}
.key-madestyle-links{position:relative;border:1px solid #e7e7e7;margin-top:20px;padding:0 20px;}
.kys-madestyle-links-body{position:relative;width:100%;padding:5px 0;box-sizing:border-box;}
.kys-madestyle-links-body a{display:inline-block;float:left;border:1px solid #e7e7e7;margin-right:15px;}
.kys-madestyle-links-body img{width:85px;height:40px;transition:0.3s;}
.kys-madestyle-links-body a:hover img{transform:scale(1.05);}
.kys-madestyle-footer{position:relative;width:100%;padding:35px 0;background:#373d44;}
.kys-madestyle-footer p{text-align:center;color:#fff;font-size:12px;}
.kyx-jubao img{display:block;margin:20px auto;}
.kys-madestyle-footer p a{color:#fff;margin:0 2px;}
.kys-madestyle-searchbtn{position:relative;height:31px;line-height:31px;margin-left:-1px;}




/*新增前台风格*/
	.kys2newheader-swiper{position:relative;width:100%;height:305px;background:#3D89C5; padding-top: 5px; box-sizing: border-box;}
    .kys2newheader-swiper-box{position:relative;width:1200px;margin:0 auto;background:rgba(255,255,255,0.3);border-radius:8px 8px 0 0;}
    .kys2newheader-swiper-left{position:relative;height:300px;width:890px;padding:10px;box-sizing:border-box;}
    .kys2newheader-swiper-right{position:absolute;right:10px;top:10px;background:white;width:300px;height:280px;padding:20px 10px;box-sizing:border-box;}
    .kys2newheader-swiper-right input{margin-bottom:10px;height:38px;line-height:38px;}
    .kys2newindex-findpwd{color:#0278c3;font-size:12px;}
    .kys2newheader-swiper-right a.kys2newindex-findpwd:hover{text-decoration: underline;color:#0278c3;}
    .kys2newindex-btns{position:relative;display:flex;flex-direction: row;justify-content: center;align-items: center;margin-top:10px;}
    .kys2newindex-btns .layui-btn{flex:1;height:38px;line-height:38px;}
    .kys2newindex-login{background:#3FB1DF;border:1px solid #3FB1DF;}
    .kys2newindex-reg{background:#F5F5F5;color:rgb(151, 151, 151);border:1px solid rgb(151, 151, 151);}
    .kys2newindex-threelogin{position:relative;padding-top:2px;border-top:1px solid #dcdcdc;margin-top:10px;}
    .kys2newindex-threelogin p{font-size:12px;color:#505050;}
    .kys2newindex-loginbtns{position:relative;display:flex;flex-direction: row;justify-content: center;align-items: center;padding-top:10px;}
    .kys2newindex-loginbtns a{color: #484848;width: 45px;height: 28px;padding-left: 35px;display: block;line-height:28px;margin:0 10px;}
    .kys2newindex-loginbtns a:nth-child(1){background: url('~assets/images/index_qq.gif') no-repeat 0 0;}
    .kys2newindex-loginbtns a:nth-child(2){background: url('~assets/images/index_weixin.gif') no-repeat 0 0;}

    .kys2newindex-maininfo{position:relative;width:1200px;background:white;margin:0 auto;padding:10px 0;box-sizing:border-box;}
    .kys2newindex-maininfo-left{position:relative;width: 890px;padding:10px;box-sizing:border-box;float:left;}
    .kys2newindex-maininfo-right{position:relative;width: 300px;padding-top:10px;box-sizing:border-box;float:right;right:10px;}
    .kys2newindex-info-item{position:relative;margin-bottom:15px;}
    .kys2newindex-info-item-header{background: url('~assets/images/d_th_x.gif') repeat-x left bottom;border-right: 1px solid #c7dcea;height: 32px;line-height: 32px;position: relative;}
    .kys2newindex-info-item-header-span{float: left;position: absolute;top: 0;left: 0;color: white;text-align: center;width: 165px;height: 36px;line-height: 36px;font-size: 16px;background: url('~assets/images/d_th.gif') no-repeat;z-index:3;}
    .kys2newindex-info-item-header a{position:relative;float:right;margin-right:10px;font-size:12px;color:#444;}
    .kys2newindex-info-item-body{position:relative;padding:20px 10px;box-sizing:border-box;font-size:12px;border:1px solid #C7DCEA;border-top:none;}
    .kys2newindex-info-item-body .kys2newindex-notice-item{position:relative;padding:0  120px 0 20px;width:50%;box-sizing:border-box;float:left;line-height:25px;}
    .kys2newindex-info-item-body .kys2newindex-notice-item::before{position:absolute;content:'';width:3px;height:3px;border-radius:50%;background:#e2e2e2;left:5px;top:11px;}
    .kys2newindex-info-item-body .kys2newindex-notice-item a{color:red;display:block;    font-family: Arial,"宋体";font-size:12px;}
    .kys2newindex-info-item-body .kys2newindex-notice-item span{position:absolute;right:20px;color:#999;top:0px;}
    .kys2newindex-contactinfo{position:relative;font-size: 16px;color:rgb(68,68,68);}
    .kys2newindex-contactinfo span{color:#cc0000;font-size:28px;margin-left:5px; font-family: Constantia,Georgia;}
    .kys2newindex-contactinfo-left{position:relative;float:left;width:49%;}
    .kys2newindex-contactinfo-right{position:relative;float:left;width:48%;}
    .kys2newindex-contactinfo p{padding-left:50px;}
    .kys2newindex-contactinfo p img{position:absolute;left:10px;}

    .checkagent-btns{position:relative;display:flex;flex-direction: row;justify-content: left;align-items:left;padding-top:15px; }
    .checkagent-btns a{border: none;cursor: pointer;background: url('~assets/images/qq_btn.png') no-repeat left 0px;width: 150px;height: 40px;line-height: 40px;text-align: center;margin:0 20px;}
    .checkagent-btns a:nth-last-child(1){ background-position: right 0px;}
    .kys2newindex-recommend-item img{display:block;width:100%;height:100px;margin-bottom:5px;}
    .kys2newindex-right-notice-title{position:relative;color: white;background: url('~assets/images/r_th.png') no-repeat;height: 35px;line-height: 35px;overflow: hidden;width: 100%;background-size: 100% 100%;padding-left:35px;box-sizing:border-box;font-size:12px;}

    .kys2newindex-right-notice-title a{float:right;color:white;margin-right:10px;}
    .kys2newindex-right-notice-body{border:1px solid #C7DCEA;padding:10px; box-sizing:border-box;}
    .kys2newindex-right-notice-body p a{font-size:12px;color:red; display: block;line-height:25px;}


    .kys2newindex-recommend-goods-item{position:relative;width:50%;padding-left:85px;line-height:28px;padding-right:180px;box-sizing:border-box;float:left;margin-bottom:15px;}
    .kys2newindex-recommend-goods-item .layui-btn{line-height:28px;font-size:12px;padding:0 10px;}
    .kys2newindex-recommend-goods-item p{line-height:28px;height:28px;font-weight:bold;}
    .kys2newindex-recommend-goods-item .kys2newindex-goods-tag{background:#ff6670;position:absolute;left:0;top:0;font-size: 12px;padding: 0 10px;}
    .kys2newindex-recommend-goods-item:nth-child(2n) .kys2newindex-goods-tag{left:10px;}
    .kys2newindex-recommend-goods-item .kys2newindex-prices{position:absolute;right:10px;top:-2px;line-height:28px;}
    .kys2newindex-recommend-goods-item:nth-child(2n) .kys2newindex-prices{right:0;}
    .kys2newindex-recommend-goods-item .kys2newindex-prices span{margin-right:20px;color:#ff0000;font-weight:bold;}
    .kys-madestyle-userinfo img{position:relative;width:80px;height:80px;border-radius:50%;display:block;margin:0 auto;margin-bottom:20px;}
	.kys-madestyle-userinfo p{line-height:30px;text-align:center;}
	.kys-madestyle-userinfo .kys-loginbtns{margin:25px 0 0;}

.kystop-bar {
    position: relative;
    z-index: 3;
    height: 36px;
    background: #ffffff;
    color: #a1a1a1;
    min-width: 1200px;
}
.kysheader-box {
    width: 1200px;
    margin: 0 auto;
}
.kystop-reg-log.l {
    float: left;
    position: relative;
    left: 5px;
}
span.kysgo-log {
    position: relative;
    z-index: 3;
    height: 36px;
    line-height: 32px;
    color: #a1a1a1;
    min-width: 1200px;
}
.kystop-r-menu {
    text-align: right;
}
ul.kysfix {
    list-style: none;
    float: right;
    position: relative;
    display: inline-block;
    height: 36px;
    text-align: left;
    line-height: 30px;
}
li.kyskyst-item {
    position: relative;
    display: inline-block;
    height: 36px;
    text-align: left;
    line-height: 30px;
}
.topchongzhi {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: #0089ed;
    border-radius: 4px;
    vertical-align: 0;
}
li.kyst-item {
    position: relative;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    text-align: left;
    line-height: 30px;
}
.kysquick-log a {
	display: inline-block;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: #0089ed;
    border-radius: 2px;
    vertical-align: 0;
}
.kyskyst-item a {
	font-size: 12px;
    padding: 0 8px;
    border-right: 1px solid #999;
}
.topkf {
	font-size: 12px;
    padding: 0 15px;
}

@media screen and (min-width: 400px) and (max-device-width: 980px){
	.asid_share{
	display: none;

	}

}

.news-items ul li a:hover {
    color: #1E9FFF;
}
.paybm{
	border: #ff6700 1px solid;
    background: url(~assets/images/tabon-icon.png) right bottom no-repeat;
    color: #ff6700;
    transition: unset;
    -webkit-transition: unset;
}
a.layui-btn.layui-btn-sm.paybm:hover {
    color: #ff6700;
}
.addition-info {
	line-height:20px;
	overflow:hidden;
	padding: 0 2px;
    margin-top: 2px;
}
.price-box {
	overflow:hidden;
	line-height:20px;
	float:left
}
.discount-price {
	font-size:12px;
	float:left;
	color:#abadb2
}
.discount-price strong {
	color:#FF5436;
	font-weight:bold;
	font-size:25px
}
.discount-price strong span {
	font-size:20px
}
.discount-price i {
	font-size:14px;
	margin-right:4px;
	font-style: inherit;
}
.sell-count {
	color:#717175;
	font-size:12px;
	float:right;
	width:85px;
	margin-top:1px;
	text-align:right;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}


.bar-go-top {
    width: 70px;

    background-color: #fff;
    border-radius: 2px;
    padding: 10px 0 6px;
    position: fixed;
    z-index: 360;
    right: 0;
    bottom: 0;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.bar-go-top:before {
    overflow: hidden;
    content: '';
    text-indent: -999px;
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 31px;
    background: url(~assets/images/menu_bar.png) no-repeat 0 -98px;
    animation: barJump ease 1.2s 1;
    -webkit-animation: barJump ease 1.5s 1;
}
.bar-go-top:hover {
    background-color: #EBEDF0;
}
